.big-body {
    width: 100%;
    height: 100%;
    background-color: rgba(216, 215, 215, 0.502);
}

.small-body {
    width: 1690.7px;
    margin: 0 auto;         /* 添加自动边距实现居中 */
    align-items: center;    
    justify-content: space-between;
   
}
.tec-home{
    margin-top: 20px;
    margin-left: 50px;
    display: flex;
}
.tec-home-img{
    width: 30px;
    height: 30px;
    object-fit: cover;
    margin-left: 30px;
}
.tec-home-txt1{
    padding-top: 2px;
    font-size: 18px;

}
.tec-home-txt2{
    padding-top: 2px;
    padding-left: 50px;
    font-size: 18px;

}
.tec-conten {
    width: 1690px;
    height: 100px;
    display: flex;           /* 添加flex布局 */
    justify-content: center; /* 水平居中 */
    align-items: center;     /* 垂直居中 */
}

.conten-centainer {
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center;     /* 垂直居中 */
    width: 100%;            /* 确保容器占满父元素宽度 */
}

.conten-box {
    
    /* 移除 margin-left，使用 margin 来设置间距 */
    margin: 0 20px;         /* 上下0，左右20px的间距 */
    font-size: 20px;
    width: 100px;
    height: 30px;
    background-color: rgba(219, 219, 219, 0.804);
    display: flex;          /* 添加flex布局 */
    justify-content: center; /* 使文字水平居中 */
    align-items: center;     /* 使文字垂直居中 */
    border-radius: 2px;
}
.conten-box:hover{
    cursor: pointer;
}
.conten2{
    width: 1690.7px;
}
.conten2-centainer{
    padding-left: 50px;
    display: flex;
}
.centainer-box{
    width: 505px;
    height: 410px;
    margin-left: 20px;
    margin-top: 50px;
    border-radius: 2px;
    background-color: white;
}
.img-container {
    margin-top: 7px;
    margin-left: 7px;
    width: 490px;
    height: 265px;
    overflow: hidden;  /* 隐藏溢出部分 */
}

.conten2-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;  /* 添加过渡效果 */
}

.img-container:hover .conten2-img {
    transform: scale(1.15);  /* 放大1.15倍 */
}

/* 移除之前图片的margin */
.conten2-img {
    margin-top: 0;
    margin-left: 0;
}

.conten2-box2 {
    display: flex;
    width: 100%;
    justify-content: space-between; /* 让子元素分布在两端 */
    align-items: center;            /* 垂直居中对齐 */
}

.time {
    padding-left: 20px;
    margin-bottom: 2px;
    /* 移除 padding-top */
}

.box-right {
    padding-right: 20px;
    font-size: 25px;
    /* 移除 float: right，因为使用了 flex 布局 */
}
.box-txt1{
    padding-top: 10px;
    padding-left: 20px;
    font-size: 20px;
    transition: color 0.3s ease; /* 添加颜色过渡效果 */
}
.box-txt1:hover{
    color: red;
    cursor: pointer;
}
.box-txt2{
    padding-top: 5px;
    padding-left: 20px;
    font-size: 16px;
    color: rgb(94, 94, 94);
}
.box-right:hover{
    cursor: pointer
}
.tec-point {
    width: 1690px;
    height: 100px;
    display: flex;           /* 添加flex布局 */
    justify-content: center; /* 水平居中 */
    align-items: center;     /* 垂直居中 */
}

.conten-point1 {
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center;     /* 垂直居中 */
    width: 100%;            /* 确保容器占满父元素宽度 */
}

.point-box{
    
    /* 移除 margin-left，使用 margin 来设置间距 */
    margin: 0 5px;         /* 上下0，左右20px的间距 */
    padding: 5px 10px 5px 10px;
    font-size: 15px;
    background-color: rgb(255, 255, 255);
    display: flex;          /* 添加flex布局 */
    justify-content: center; /* 使文字水平居中 */
    align-items: center;     /* 使文字垂直居中 */
    border-radius: 2px;
}
.point-box:hover{
    cursor: pointer;
}
.point-box.active {
    background-color: red;
    color: white;
}

.page-content {
    transition: opacity 0.3s ease;  /* 添加过渡效果 */
}